<template>
  <div class="panel panel-info" style="margin-bottom: 30px" v-if="arr.length > 0">
    <div class="panel-heading" style="text-align: center;background: #EFF2F7;">
      检索条件
      <span style="float: left;">
            <el-button type="text" icon="search" size="mini">搜索</el-button>
      </span>
    </div>
    <div class="container-fluid panel-body" style="padding-bottom: 0px;">
      <div class="row" style="float: left">
        <template v-for="item in arr">
        <div class="col-md-4" >
            <div class="input-group" style="margin-bottom: 15px">
              <span class="input-group-addon" id="basic-addon1">{{item.name}}</span>
              <input type="text" class="form-control form-attribute" name="ylls_agentId" v-model="item.value">
            </div>
        </div>
        </template>
      </div>
    </div>
  </div>
</template>
<style scoped>
</style>
<script>
  import {mapState,mapMutations} from 'vuex';
  export default {
    name: 'search',
    data: function () {
      return {}
    },
    props: {
      // 树数据
      arr: {
        type: Array
      }
    },
    computed:mapState(["show"]),
    methods: {
      sear(){
        console.info(this.arr);
      }
    }
  }
</script>
